<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>

<body>
    <header>
        <div class="tool-bar">
            <img class="logo" src="./img/logo.png" />
            <img class="collect" src="./img/shoucang.png" />
            <div class="space"></div>
            <li>
                <a href="text.html">首页</a>
            </li>
            <div class="column-menu">
                <li>
                    <a href="wuqi1.html">武器</a>
                </li>
                <div class="menu">
                    <li><a href="guijianshi.html">鬼剑士</a></li>
                    <li><a href="#">神枪手</a></li>
                    <li><a href="#">格斗家</a></li>
                    <li><a href="#">魔法师</a></li>
                    <li><a href="#">圣职者</a></li>
                    <li><a href="#">暗夜使者</a></li>
                    <li><a href="#">魔枪士</a></li>
                    <li><a href="#">枪剑士</a></li>
                </div>
            </div>
            <div class="column-menu">
                <a href="#">防具</a>
                <div class="menu">
                    <li><a href="#">轻甲</a></li>
                    <li><a href="#">板甲</a></li>
                    <li><a href="#">皮甲</a></li>
                    <li><a href="#">重甲</a></li>
                    <li><a href="#">布甲</a></li>
                </div>
            </div>
            <div class="column-menu">
                <a href="#">首饰&特殊装备</a>
                <div class="menu">
                    <li><a href="#">手镯</a></li>
                    <li><a href="#">项链</a></li>
                    <li><a href="#">戒指</a></li>
                    <li><a href="#">辅助装备</a></li>
                    <li><a href="#">魔法石</a></li>
                    <li><a href="#">耳环</a></li>
                </div>
            </div>
            <li>
                <a href="#">关于我们</a>
            </li>
    </header>
    <div class="search">
        <!--导航栏下面的图-->
        <div class="center">
            <input type="text" class="search-input" placeholder="输入请需要查找的史诗装备"></input>
            <button class="button">搜索</button>
        </div>
    </div>
    <div id="tour">
        <section class="center">
            <h2>热门史诗装备</h2>
            <p>玩家心目中的最强</p>
            <div>
                <audio src="./img/bgm1.mp3" controls autoplay></audio>
            </div>
        </section>
        <figure>
            <img src="./img/tucao.jpg" alt="">
        </figure>
        <figure>
            <img src="./img/psc.gif" alt="">
        </figure>
    </div>
</body>

</html>